<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- header顶部 -->
    <header>
        <section class="head-con">
            <ul class="head-l">
                <li><a href="#">手机版</a></li>
                <li><a href="#" class="border-n">Q币充值</a></li>
            </ul>

            <ul class="head-r">
                <li><a href="http://localhost:8080/login.html" target="_blank">您还未登录，请登录</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#" class="r-last">游戏导航</a></li>
            </ul>
        </section>
    </header>

    <!-- search -->
    <section class="search-con">
        <a href="http://localhost:8080/index.html">
            <img src="./images/search-l.png" alt="">
        </a>

        <div class="search-box">
            <form action="" class="box">
                <div>选择游戏</div>
                <input type="text" class="search" placeholder="请选择游戏搜索道具">
                <button class="btn"></button>
            </form>
        </div>

        <a href="#">
            <img src="./images/search-r.png" alt="">
        </a>
    </section>

    <!-- banner -->
    <section>
        <div class="banner-top">
            <div class="banner-con">
                <a href="#" class="top-l">所有游戏分类</a>

                <ul class="top-c">
                    <li><a href="http://localhost:8080/index.html">首页</a></li>
                    <li><a href="#">活动中心</a></li>
                    <li><a href="#">聚诚品</a></li>
                    <li><a href="#">手游中心</a></li>
                    <li><a href="#">聚豆商城</a></li>
                    <li><a href="#">个人中心</a></li>
                </ul>

                <div class="top-r">
                    <p>购物车</p>
                    <span>0</span>
                </div>
            </div>
        </div>

        <div class="banner-bottom">
            <div class="banner-con">
                <div class="bottom-l">
                    <li>热门游戏</li>
                    <li>角色扮演</li>
                    <li>竞技游戏</li>
                    <li>休闲游戏</li>
                    <li>网页游戏</li>
                </div>

                <div class="bottom-c" id="bottom-c">
                    <div class="pic">
                        <div class="dev">
                            <img src="./images/banner1.jpg" alt="">
                            <s></s>
                            <p>灵魂莲华2020</p>
                        </div>
                        <div class="dev">
                            <img src="./images/banner2.jpg" alt="">
                            <s></s>
                            <p>星灵万象</p>
                        </div>
                        <div class="dev">
                            <img src="./images/banner3.jpg" alt="">
                            <s></s>
                            <p>CF主播代抽</p>
                        </div>
                        <div class="dev">
                            <img src="./images/banner4.jpg" alt="">
                            <s></s>
                            <p>巨星陈列室</p>
                        </div>
                        <div class="dev">
                            <img src="./images/banner5.jpg" alt="">
                            <s></s>
                            <p>LOL灵魂莲华周边</p>
                        </div>
                    </div>

                    <div class="dot">
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                    </div>
                </div>

                <div class="bottom-r">
                    <div class="bottomR-t"></div>

                    <div class="bottomR-m">
                        <h2>推荐游戏</h2>
                        <caption class="box">
                            <li>
                                <img src="./images/cf.jpg" alt="">
                                <p>穿越火线</p>
                            </li>
                            <li>
                                <img src="./images/lol.jpg" alt="">
                                <p>英雄联盟</p>
                            </li>
                            <li>
                                <img src="./images/bns.jpg" alt="">
                                <p>剑灵</p>
                            </li>
                        </caption>
                    </div>

                    <div class="bottomR-b">
                        <h2>公告</h2>
                        <a href="#" class="more">更多</a>
                        <li>
                            <a href="#">关于穿越火线改名卡道具下架</a>
                            <span>06/03</span>
                        </li>
                        <li>
                            <a href="#">LOL商城部分炫彩原价购买退</a>
                            <span>05/09</span>
                        </li>
                        <li>
                            <a href="#">支付异常公告</a>
                            <span>01/03</span>
                        </li>
                        <li>
                            <a href="#">天刀青龙秘宝活动无法拉取角</a>
                            <span>12/09</span>
                        </li>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- hot -->
    <section class="hot">
        <div class="hot-con">
            <div class="hot-l">
                <h2>热卖推荐</h2>

                <div class="hotL-show">
                    <div class="show">
                        <a href="#"><img src="./images/hot-liliya.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><span>[英雄联盟]</span><a href="#">含羞蓓蕾 莉莉娅</a></h3>
                            <p>QB价: <span>45.00 QB</span></p>
                            <h4>热卖推荐</h4>
                            <a href="#" class="buy">立即抢购</a>
                        </div>
                    </div>
                    <div class="show">
                        <a href="http://localhost:8080/goods.html" target="_blank"><img src="./images/hot-cs.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><span>[英雄联盟]</span><a href="#">灵魂莲华 锤石</a></h3>
                            <p>QB价: <span>99.00 QB</span></p>
                            <h4>热卖推荐</h4>
                            <a href="#" class="buy">立即抢购</a>
                        </div>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/hot-vn.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><span>[英雄联盟]</span><a href="#">灵魂莲华 薇恩</a></h3>
                            <p>QB价: <span>79.00 QB</span></p>
                            <h4>热卖推荐</h4>
                            <a href="#" class="buy">立即抢购</a>
                        </div>
                    </div>
                    <div class="show">
                        <a href="http://localhost:8080/goods.html" target="_blank"><img src="./images/hot-ys.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><span>[英雄联盟]</span><a href="#">灵魂莲华 亚索</a></h3>
                            <p>QB价: <span>79.00 QB</span></p>
                            <h4>热卖推荐</h4>
                            <a href="#" class="buy">立即抢购</a>
                        </div>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/hot-soulliliya.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><span>[英雄联盟]</span><a href="#">灵魂莲华 莉莉娅</a></h3>
                            <p>QB价: <span>79.00 QB</span></p>
                            <h4>热卖推荐</h4>
                            <a href="#" class="buy">立即抢购</a>
                        </div>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/hot-timo.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><span>[英雄联盟]</span><a href="#">灵魂莲华 提莫</a></h3>
                            <p>QB价: <span>79.00 QB</span></p>
                            <h4>热卖推荐</h4>
                            <a href="#" class="buy">立即抢购</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="hot-r">
                <h2>每日惊喜</h2>

                <div class="hotR-show">
                    <a href="#"><img src="./images/hotR-show.jpg" alt=""></a>
                    <h3><span>[飞车]</span><a href="#"> 周末特惠礼包</a></h3>
                    <p>秒杀价: <span>&nbsp;7.00QB</span></p>
                    <h4>0 天 14 时 38 分 11 秒</h4>
                    <a href="#" class="buy">查看详情</a>
                </div>
            </div>
        </div>
    </section>

    <!-- fav -->
    <section class="fav">
        <div class="fav-con">
            <div class="fav-l">
                <h2>猜你喜欢</h2>
                <a href="#" class="change">换一换></a>

                <div class="favL-show">
                    <div class="show">
                        <a href="#"><img src="./images/fav1.jpg" alt=""></a>
                        <h3><span>[英雄联盟]</span> <br> <a href="#">星界游神 巴德</a></h3>
                        <p>商场价: <span>&nbsp;17.50 QB</span></p>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/fav2.jpg" alt=""></a>
                        <h3><span>[英雄联盟]</span> <br> <a href="#">星界游神 巴德</a></h3>
                        <p>商场价: <span>&nbsp;17.50 QB</span></p>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/fav3.jpg" alt=""></a>
                        <h3><span>[英雄联盟]</span> <br> <a href="#">星界游神 巴德</a></h3>
                        <p>商场价: <span>&nbsp;17.50 QB</span></p>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/fav4.jpg" alt=""></a>
                        <h3><span>[英雄联盟]</span> <br> <a href="#">星界游神 巴德</a></h3>
                        <p>商场价: <span>&nbsp;17.50 QB</span></p>
                    </div>
                    <div class="show">
                        <a href="#"><img src="./images/hot-timo.jpg" alt=""></a>
                        <h3><span>[英雄联盟]</span> <br> <a href="#">星界游神 巴德</a></h3>
                        <p>商场价: <span>&nbsp;17.50 QB</span></p>
                    </div>
                </div>
            </div>

            <div class="fav-r">
                <h2>每日签到</h2>
                <div class="favR-show"></div>
            </div>
        </div>
    </section>

    <!-- active -->
    <section class="active">
        <div class="active-con">
            <h2>精彩活动</h2>
            <a href="#" class="more">更多></a>

            <div class="active-show">
                <a href="#"><img src="./images/active1.jpg" alt=""></a>
                <a href="#"><img src="./images/active2.jpg" alt=""></a>
                <a href="#"><img src="./images/active3.jpg" alt=""></a>
                <a href="#"><img src="./images/active4.jpg" alt=""></a>
                <a href="#"><img src="./images/active5.jpg" alt=""></a>
                <a href="#"><img src="./images/active6.jpg" alt=""></a>
            </div>
        </div>
    </section>

    <!-- spec lol -->
    <section class="spec">
        <div class="spec-con">
            <div class="title">
                <h2>英雄联盟专区</h2>
                <a href="#" class="more">更多></a>
            </div>

            <div class="spec-show">
                <div class="specL">
                    <a href="#"><img src="./images/speclol.jpg" alt=""></a>
                </div>

                <div class="specM">
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM2-.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM3.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM4.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM1.jpg" alt="">
                        </a>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols1-.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols2.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols4.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/spenlols3.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                </div>

                <div class="specR">
                    <div class="first">
                        <h2><a href="#">假面女皇 伊芙琳</a> <p>23.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/first-lol.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">宗师级钓鱼训..</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other1.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other2.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other3.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other4.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- sepc cf -->
    <section class="spec">
        <div class="spec-con">
            <div class="title">
                <h2 class="spec-cf">穿越火线专区</h2>
                <a href="#" class="more">更多></a>
            </div>

            <div class="spec-show">
                <div class="specL">
                    <a href="#"><img src="./images/speccf.jpg" alt=""></a>
                </div>

                <div class="specM">
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM2-.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM3.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM4.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM1.jpg" alt="">
                        </a>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols1-.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols2.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols4.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/spenlols3.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                </div>

                <div class="specR">
                    <div class="first">
                        <h2><a href="#">假面女皇 伊芙琳</a> <p>23.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/first-lol.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">宗师级钓鱼训..</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other1.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other2.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other3.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other4.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- sepc dnf -->
    <section class="spec">
        <div class="spec-con">
            <div class="title">
                <h2 class="spec-dnf">地下城与勇士专区</h2>
                <a href="#" class="more">更多></a>
            </div>

            <div class="spec-show">
                <div class="specL">
                    <a href="#"><img src="./images/spec-dnf.jpg" alt=""></a>
                </div>

                <div class="specM">
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM2-.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM3.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM4.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM1.jpg" alt="">
                        </a>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols1-.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols2.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/speclols4.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                    <div class="casesmall">
                        <a href="#"><img src="./images/spenlols3.jpg" alt=""></a>
                        <div class="show-r">
                            <h3><a href="#">地狱火 维克兹</a></h3>
                            <p>微信价:<span>155.88元</span></p>
                            <h4>Q币价:160.71QB</h4>
                        </div>
                    </div>
                </div>

                <div class="specR">
                    <div class="first">
                        <h2><a href="#">假面女皇 伊芙琳</a> <p>23.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/first-lol.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">宗师级钓鱼训..</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other1.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other2.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other3.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other4.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- sepc fight -->
    <section class="spec">
        <div class="spec-con">
            <div class="title">
                <h2 class="spec-fight">宠物大乐斗专区</h2>
                <a href="#" class="more">更多></a>
            </div>

            <div class="spec-show">
                <div class="specL">
                    <a href="#"><img src="./images/spec-fight.jpg" alt=""></a>
                </div>

                <div class="specM">
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM2-.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM3.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM4.jpg" alt="">
                        </a>
                    </div>
                    <div class="caseBig">
                        <a href="#">
                            <h2>地狱火 维克茲</h2>
                            <h3>微信价: <span>76.63 元</span></h3>
                            <p>Q币价: 79.00 QB</p>
                            <img src="./images/speclolM1.jpg" alt="">
                        </a>
                    </div>
                </div>

                <div class="specR">
                    <div class="first">
                        <h2><a href="#">假面女皇 伊芙琳</a> <p>23.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/first-lol.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">宗师级钓鱼训..</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other1.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other2.jpg" alt="">
                        </a>
                    </div>
                    <div class="other">
                        <h2><a href="#">西部牛仔 亚索</a> <p>10.00 QB</p></h2>
                        <a href="#">
                            <img src="./images/lol-other3.jpg" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- gift -->
    <section class="gift">
        <div class="gift-con">
            <a href="#">
                <img src="./images/gift1.jpg" alt="">
            </a>
            <a href="#">
                <img src="./images/gift2.jpg" alt="">
            </a>
            <a href="#">
                <img src="./images/gift3.jpg" alt="">
            </a>
        </div>
    </section>

    <!-- footer -->
    <footer>
        <section class="footer-con">
            <div class="footer-t">
                <ul>
                    <h2>我是新手</h2>
                    <a href="#"><li>什么是道聚城</li></a>
                    <a href="#"><li>如何购买</li></a>
                    <a href="#"><li>如何赠送</li></a>
                    <a href="#"><li>如何获取聚豆</li></a>
                </ul>
                <ul>
                    <h2>个人中心</h2>
                    <a href="#"><li>发货时间</li></a>
                    <a href="#"><li>如何领取</li></a>
                    <a href="#"><li>补发规则</li></a>
                    <a href="#"><li>Vip价定义</li></a>
                    <a href="#"><li>道具状态定义</li></a>
                </ul>
                <ul>
                    <h2>支付方式</h2>
                    <a href="#"><li>支付方式</li></a>
                    <a href="#"><li>购物点支付</li></a>
                    <a href="#"><li>如何充值</li></a>
                </ul>
                <ul>
                    <h2>腾讯在线服务</h2>
                    <a href="#"><li>腾讯官方在线客服</li></a>
                    <a href="#"><img src="./images/gs_03.jpg" alt=""></a>
                </ul>
                <img class="ma" src="./images/ma.png" alt="">
            </div>

            <div class="footer-b">
                <ul>
                    <p><a href="//ieg.tencent.com" target="_blank">腾讯互动娱乐</a> |
                        <a href="//game.qq.com/contract.shtml" target="_blank">服务条款</a> |
                        <a href="//game.qq.com/privacy_guide.shtml" target="_blank">腾讯游戏隐私保护指引</a> |
                        <a href="//game.qq.com/privacy_guide_children.shtml" target="_blank">腾讯游戏儿童隐私保护指引</a> |
                        <a href="//e.tencent.com/" target="_blank">广告服务</a> |
                        <a href="//game.qq.com/hr/" target="_blank">腾讯游戏招聘</a> |
                        <a href="//kf.qq.com/" target="_blank">腾讯游戏客服</a> |
                        <a href="//game.qq.com/gnav" target="_blank">游戏地图</a> |
                        <a href="https://jiazhang.qq.com/jz/home.html?ADTAG=gamepcbottom" target="_blank">成长守护平台</a> |
                        <a href="//game.qq.com/brand/business.htm" target="_blank">商务合作</a> |
                        <a href="//www.qq.com/map/" target="_blank">网站导航</a>
                    </p>
                    <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p><a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a></p>
                </ul>
            </div>
        </section>
    </footer>

    <!-- 返回顶部栏 -->
    <div class="fixednav">
        <a href="#top"><i class="bg_sp btn_top"></i>返回顶部</a>
        <a href="//crm2.qq.com/page/portalpage/wpa.php?uin=40012345&amp;f=1&amp;ty=1&amp;ap=" target="_blank">反馈</a>
    </div>
</body>

</html>